<template>
  <div>
    <vue-plyr>
      <video :poster="`${publicPath}img/login.jpeg`" :src="`${publicPath}movie/movie.mkv`">
        <source src="video-720p.mp4" type="video/mp4" size="720">
        <source src="video-1080p.mp4" type="video/mp4" size="1080">
        <track kind="captions" label="English" srclang="en" :src="`${publicPath}img/login.jpeg`" default>
      </video>
    </vue-plyr>
  </div>
</template>
<script>
  export default {
    name: 'editor',
    components: {},
    data () {
      return {
        publicPath: process.env.BASE_URL
        // Array of objects with path to video files and format.
      }
    },
    created () {
    },
    mounted () {

    },
    watch: {},

    methods: {}
  }
</script>

<style lang="scss">
</style>
